<template>
  <el-row :gutter="6" >
    <el-col :span="12">
      <el-card>
        <pie-chart
          :pieData="pieData"
          v-if="show"
        />
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card>
        <raddar-chart/>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import RaddarChart from '@/views/dashboard/RaddarChart.vue'
import PieChart from '@/views/dashboard/PieChart.vue'

export default {
  name: 'echarts',
  components: { PieChart, RaddarChart },
  data() {
    return {
      show:false,
      //echarts数据
      radarData :[],
      pieData : [],
    }
  },
  mounted() {
    this.pieData = [
      { value: 40, name: 'rose 1' },
      { value: 33, name: 'rose 2' },
      { value: 28, name: 'rose 3' },
      { value: 22, name: 'rose 4' },
      { value: 20, name: 'rose 5' },
      { value: 15, name: 'rose 6' },
      { value: 12, name: 'rose 7' },
      { value: 10, name: 'rose 8' }
    ];
    this.show = true;
  }
}
</script>

<style scoped>

</style>
